<!DOCTYPE html>
<html>
<head>
<title>Trang chủ Về Miền Trung | Du Lịch Miền Trung | Du lịch Con đường di sản</title>
<meta charset="UTF-8">
<meta name="description" content="Khám phá Miền Trung - Du Lịch Miền Trung - Tư vấn du lịch Miền Trung - Ẩm thực Miền Trung - Địa danh du lịch Miền Trung - Lễ hội Miền Trung - Con người Miền Trung - Tin tức Miền Trung - Du lịch Con Đường Di Sản - Du lịch Quảng Bình - Du lịch Quảng Trị - Du lịch Huế - Du lịch Đà Nẵng - Du lịch Hội An, Quảng Nam ">
<meta name="keywords" content="Miền Trung, Về miền trung, Du Lịch Miền Trung, Ẩm thực miền trung, địa danh miền trung, Khách sạn Miền Trung, Khám phá Miền Trung, Tư vấn du lịch Miền Trung, Ẩm thực Miền Trung, Địa danh du lịch Miền Trung, Lễ hội Miền Trung, Tin tức Miền Trung, Du lịch Con Đường Di Sản, Du lịch Quảng Bình, Du lịch Quảng Trị, Du lịch Huế, Du lịch Đà Nẵng, Du lịch Hội An, Quảng Nam ">
<link rel="shortcut icon" href="images/icon.png" type="image/vnd.microsoft.icon" />
<link rel="stylesheet" href="css/home.css">
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Latest compiled and minified CSS -->

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.carousel').carousel({
			  interval: 2000,
			  pause: “hover”,
			    wrap: true
			});
	});
	</script>
<script type="text/javascript">
	$('#bs-example-navbar-collapse-1').on('show.bs.collapse', function () {
	$('#bs-example-navbar-collapse-1').append($('#sidebar').html());
	$('#bs-example-navbar-collapse-1 ul').last().removeClass('nav-pills nav-stacked').addClass('navbar navbar-nav');
	});
	$('#bs-example-navbar-collapse-1').on('hidden.bs.collapse', function () {
	$('#bs-example-navbar-collapse-1 ul:last-child').remove();
	});
	$(window).on('resize', function () {
	  if (window.innerWidth > 768) {$('#bs-example-navbar-collapse-1').collapse('hide');}
	});
</script>

</head>
	
<body>
	<header>
		<div class="container">	
			<div class="row">
				<div class="col-md-3">
					<a href="index.html"><img class="img-responsive" src="images/logo.jpg" title="Du lịch Miền Trung | Khám phá Miền Trung" height="100px" alt="ve_mien_trung_logo"/></a>
				</div>
				<div class="col-md-6">
					<img src="images/quang-binh-icon.jpg" alt="Du lịch Quảng Bình" class="img-circle">
					<img src="images/quang-tri-icon.jpg" alt="Du lịch Quảng Trị" class="img-circle">
					<img src="images/hue-icon.jpg" alt="Du lịch Huế" class="img-circle">
					<img src="images/da-nang-icon.jpg" alt="Du lịch Đà Nẵng" class="img-circle">
					<img src="images/quang-nam-icon.jpg" alt="Du lịch Quảng Nam" class="img-circle">
				</div>
				<div class="col-md-3">
					<a href="index.html"><img class="img-responsive" src="images/viet-nam-icon.jpg" title="Du lịch Việt Nam" alt="Du lịch Việt Nam logo"/></a>
				</div>
			</div>
		</div>		
	</header>
	<!--menu-->
	<nav class="nava">
		<div class="container">
			<div class="navbar navbar-default navbar-fixed-top" role="navigation">
		       <div class="container">
			    	<div class="navbar-header">
			           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
			             <span class="icon-bar"></span>
			             <span class="icon-bar"></span>
			             <span class="icon-bar"></span>
			           </button>
			    	</div>
		       </div>
   		    </div>
   		    <div class="row">
	   		    <div class="collapse navbar-collapse b" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navb" id="menu">
						<li class="active"><a href="index.html"><i class="a glyphicon glyphicon-home"></i> Home</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-globe"></i> Tin tức</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-map-marker"></i> Địa danh</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-glass"></i> Ẩm thực</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-calendar"></i> Lễ hội</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-tower"></i> Khách sạn</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-road"></i> Tour du lịch</a></li>
					</ul>
					<form class="navbar-form navbar-right nav-sea" role="search">
				      <div class="form-group">
				        <input class="form-control" placeholder="Nhập từ khóa cần tìm" type="search">
				      </div>
				    </form>
				</div>
			</div>
		</div>
	</nav>
	<section class="main_content">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-xs-12">
					<div class="news-feed clearfix news-rss">
						<img class="icon_news" src="images/icon/news.jpg"/>
						<marquee class="news" direction="left" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
							<a href="#"><span class="new_go">Quảng Nam lấp lánh đêm trung thu</span></a>
							<a href="#"><span class="new_go">Khai mạc Festival Huế 2014</span></a>
							<a href="#"><span class="new_go">Quảng Trị những ngày khói lửa</span></a>
							<a href="#"><span class="new_go">Khám phá hang động Quảng Bình</span></a>
							<a href="#"><span class="new_go">Tưng bừng lễ hội hè Đà Nẵng 2014</span></a>
						</marquee>
					</div>
					<div id="carousel-example-generic" class="carousel slide carousels" data-ride="carousel">
		  				<ol class="carousel-indicators">
		    				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
		    				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
		    				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
		  				</ol>
			  			<div class="carousel-inner clearfix">
			    			<div class="item active">
			      				<img src="images/du-lich-hue.jpg" alt="Du Lịch Huế">
		      					<div class="carousel-caption">
							        Du Lịch Huế
		      					</div>
			    			</div>
						    <div class="item">
						      <img src="images/du-lich-da-nang.jpg" alt="Du lịch Đà Nẵng">
							  <div class="carousel-caption">
								Du lịch Đà Nẵng
							  </div>
						    </div>
						    <div class="item">
						      <img src="images/du-lich-quang-binh.jpg" alt="Du lịch Quảng Bình">
							  <div class="carousel-caption">
								Du lịch Quảng Nam
							  </div>
						    </div>
			  			</div>
						<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
						    <span class="glyphicon glyphicon-chevron-left"></span>
						</a>
						<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
						    <span class="glyphicon glyphicon-chevron-right"></span>
						</a>
					</div>
				</div>
				<div class="col-xs-12 col-lg-4 col-md-4 news-fee follow-us">
					<span style="float:left; font-weight:bold;">Follow us</span>
					<div style="float:right">
						<a href="#"><img src="images/icon/facebook.png" alt="Facebook Du lịch miền trung" class="social"></a>
						<a href="#"><img src="images/icon/youtube.png" alt="Youtube Du lịch miền trung" class="social"></a>
						<a href="#"><img src="images/icon/g+.png" alt="G+  Du lịch miền trung" class="social"></a>
						<a href="#"><img src="images/icon/twitter.png" alt="Twitter Du lịch miền trung" class="social"></a>
						<a href="#"><img src="images/icon/rss.png" alt="RSS Du lịch miền trung" class="social"></a>
					</div>
				</div>
				<div class="col-xs-12 col-lg-4 col-md-4" id="content">
					<div class="panel-info panel-body hides">
						<ul>
							<li class="media bt-top">
								<a class="pull-left" href="#">
									<img src="images/hue-icon.jpg" alt="tên dự án" class="img-responsive news-img img-thumbnail">
								</a>
								<div class="media-body">
									<h4 class="media-heading">Huế vào thu</h4>
									<p>Huế vào thu man mác buồn, gợi nhớ nhiều kỉ niệm xưa</p>
								</div>
							</li>
							<li class="media">
								<a class="pull-left" href="#">
									<img src="images/da-nang-icon.jpg" alt="..." class="img-responsive news-img img-thumbnail">
								</a>
								<div class="media-body">
									<h4 class="media-heading">Đà Nẵng hiện đại</h4>
									<p>Thành phố hiện đại giữa lòng miền trung thân yêu ngày một đổi thay</p>
								</div>
							</li>
							<li class="media">
								<a class="pull-left" href="#">
									<img src="images/quang-nam-icon.jpg" alt="..." class="img-responsive news-img img-thumbnail">
								</a>
								<div class="media-body">
									<h4 class="media-heading">Quảng Nam đêm rằm</h4>
									<p>Thành phố lung linh đến lạ thường, những chiếc đèn lồng đầy màu sắc</p>
								</div>
							</li>
							<li class="media">
								<a class="pull-left" href="#">
									<img src="images/quang-tri-icon.jpg" alt="..." class="img-responsive news-img img-thumbnail">
								</a>
								<div class="media-body">
									<h4 class="media-heading">Du lịch hoài niệm</h4>
									<p>Quảng Trị miền đất khói lửa ghi dấu những chiến công vẻ vang</p>
								</div>
							</li>
							<li class="media">
								<a class="pull-left" href="#">
									<img src="images/quang-binh-icon.jpg" alt="..." class="img-responsive news-img img-thumbnail">
								</a>
								<div class="media-body">
									<h4 class="media-heading">Khám phá "thiên động"</h4>
									<p>Khám phá những điều kỳ thú khi du lịch Quảng Bình</p>
								</div>
							</li>
						</ul>
						<a class="lines-btn-up"><span class="glyphicon glyphicon-chevron-up"></span></a>
						<a class="lines-btn-down"><span class="glyphicon glyphicon-chevron-down"></span></a>
					</div>
				</div>
			</div>
		<div>
	</section>
	<section class="center_content_top">
		<div class="container">
			<div class="row">
				<div class="col-md-4 col-xs-12">
					<div class="panel panel-warning">
						<div class="panel-heading">Ẩm thực miền trung</div>
						<div class="panel-body">
							<div class="row">
								<div class="col-md-6 col-xs-6 food">
									<a href="#"><img class="img-responsive" src="images/food/mon-ngon-xu-hue-1.jpg"></a>
								</div>
								<div class="col-md-6 col-xs-6 food">
									<a href="#"><img class="img-responsive" src="images/food/mon-ngon-xu-hue-2.jpg"></a>
								</div>
								<div class="col-md-6 col-xs-6 food">
									<a href="#"><img class="img-responsive" src="images/food/mon-ngon-xu-hue-3.jpg"></a>
								</div>
								<div class="col-md-6 col-xs-6 food">
									<a href="#"><img class="img-responsive" src="images/food/mon-ngon-xu-hue-4.jpg"></a>
								</div>
								<div class="col-md-6 col-xs-6 food">
									<a href="#"><img class="img-responsive" src="images/food/mon-ngon-xu-hue-5.jpg"></a>
								</div>
								<div class="col-md-6 col-xs-6 food">
									<a href="#"><img class="img-responsive" src="images/food/mon-ngon-xu-hue-6.jpg"></a>
								</div>
							</div>
							<div class="view_many">
								<span>Hơn 5000 món ăn</span>&nbsp<a href="#"><span class="label label-primary">Xem thêm</span></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4 col-xs-12 ov">
					<div class="panel-warning" id="le-hoi">
						<div class="panel-heading hd">Lễ hội</div>
						<div class="panel-le-hoi">
							<div class="la">
							<ul>
								<li class="media bt-top">
									<a class="pull-left" href="#">
										<img class="img-responsive img-thumbnail" src="images/hue-icon.jpg" alt="...">
									</a>
									<div class="media-body">
										<h4 class="media-heading">Festival Huế 2014"</h4>
										<p>Tưng bừng các lễ hội đầy màu sắc tại kỳ festival lần này</p>
									</div>
								</li>
								<li class="media">
									<a class="pull-left" href="#">
										<img class="img-responsive img-thumbnail" src="images/da-nang-icon.jpg" alt="...">
									</a>
									<div class="media-body">
										<h4 class="media-heading">Lễ hội hè Đà Nẵng 2014</h4>
										<p>Tưng bừng các lễ hội đầy màu sắc tại kỳ festival lần này</p>
									</div>
								</li>
								<li class="media">
									<a class="pull-left" href="#">
										<img class="img-responsive img-thumbnail" src="images/quang-nam-icon.jpg" alt="...">
									</a>
									<div class="media-body">
										<h4 class="media-heading">Hội An đêm rằm trung thu</h4>
										<p>Tưng bừng các lễ hội đầy màu sắc tại kỳ festival lần này</p>
									</div>
								</li>
								<li class="media">
									<a class="pull-left" href="#">
										<img class="img-responsive img-thumbnail" src="images/quang-tri-icon.jpg" alt="...">
									</a>
									<div class="media-body">
										<h4 class="media-heading">Quảng Trị yêu thương</h4>
										<p>Tưng bừng các lễ hội đầy màu sắc tại kỳ festival lần này</p>
									</div>
								</li>
							</ul>
							<a class="lines-btn-up"><span class="glyphicon glyphicon-chevron-up"></span></a>
							<a class="lines-btn-down"><span class="glyphicon glyphicon-chevron-down"></span></a>
							</div>
							<div class="view_many">
								<a href="#"><span class="label label-primary">Khám phá thêm</span></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4 col-xs-12" id="bai-viet">
					<div class="panel-info">
						<div class="panel-heading">Bài viết mới</div>
						<div class="panel-bai-viet">
							<ul class="list-news">
								<li class="media bt-top"><a href="#">Huế vào thu</a></li>
								<li class="media"><a href="#">Đà Nẵng lung linh những chiếc cầu</a></li>
								<li class="media"><a href="#">Quảng Trị miền đất khói lửa</a></li>
								<li class="media"><a href="#">Hội An cổ kính</a></li>
								<li class="media"><a href="#">Khám phá Quảng Bình</a></li>
								<li class="media"><a href="#">Kí ức Quảng Trị</a></li>
								<li class="media"><a href="#">Huế ẩm thực mặn mà</a></li>
								<li class="media"><a href="#">Những ca khúc hay về Huế</a></li>
								<li class="media"><a href="#">Con người Đà Nẵng</a></li>
								<li class="media"><a href="#">Nét đẹp phụ nữ Huế</a></li>
								<li class="media"><a href="#">Tình em chiếc nón bài thơ</a></li>
								<li class="media"><a href="#">Tâm sự người nhạc sĩ già</a></li>
								<li class="media"><a href="#">Cựa binh Mỹ nói về đất thép Vĩnh Linh</a></li>
								<li class="media"><a href="#">Tình yêu xứ Quảng</a></li>
								<li class="media"><a href="#">Tâm sự người nhạc sĩ già</a></li>
								<li class="media"><a href="#">Cựa binh Mỹ nói về đất thép Vĩnh Linh</a></li>
								<li class="media"><a href="#">Tình yêu xứ Quảng Tình yêu xứ Quảng Tình yêu xứ Quảng</a></li>
							</ul>
							<div class="view_many">
								<a href="#"><span class="label label-primary">Xem thêm</span></a>
							</div>
							<a class="lines-btn-up"><span class="glyphicon glyphicon-chevron-up"></span></a>
							<a class="lines-btn-down"><span class="glyphicon glyphicon-chevron-down"></span></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="center_content_bottom">
		<div class="container">
			<div class="row">
				<div class="col-md-8">
					<div class="panel panel-warning">
						<div class="panel-heading">Địa điểm du lịch</div>
						<div class="panel-body">
							<div class="row">
								<div class="col-md-4">
									<ul>
										<li><a href="#">Đại Nội Huế</a><span style="margin-left: 20px"><image src="images/icon/view.png" width="15px" height="15px">12345<span></li>
										<li><a href="#">Lăng Khải Định</a><span style="margin-left: 20px"><image src="images/icon/view.png" width="15px" height="15px">12000<span></li>
										<li><a href="#">Cầu Rồng</a><span style="margin-left: 20px"><image src="images/icon/view.png" width="15px" height="15px">11111<span></li>
										<li><a href="#">Vòng quay mặt trời</a></li>
										<li><a href="#">Thành Cổ Quảng Trị</a></li>
										<li><a href="#">Động Thiên Đường</a></li>
										<li><a href="#">Phố cổ Hội An</a></li>
										<li><a href="#">Cầu Hiền Lương</a></li>
										<li><a href="#">Suối Voi</a></li>
										<li><a href="#">Thác Tóc Tiên</a></li>
										<li><a href="#">Biển Thuận An</a></li>
										<li><a href="#">Cầu Trường Tiền</a></li>
										<li><a href="#">Cầu Ngói Thanh Toàn</a></li>
										
									</ul>
									<div class="view_many">
										<span>Hơn 1000 địa điểm</span>&nbsp<a href="#"><span class="label label-primary">Xem thêm</span></a>
									</div>
								</div>
								<div class="col-md-8">
									<img src="images/maps.png"  class="img-responsive"/>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="panel panel-info">
						<div class="panel-heading">Kinh nghiệm du lịch</div>
						<div class="panel-body">
							<ul>
								<li><a href="#">Huế vào thu</a></li>
								<li><a href="#">Đà Nẵng lung linh những chiếc cầu</a></li>
								<li><a href="#">Quảng Trị miền đất khói lửa</a></li>
								<li><a href="#">Hội An cổ kính</a></li>
								<li><a href="#">Khám phá Quảng Bình</a></li>
								<li><a href="#">Kí ức Quảng Trị</a></li>
								<li><a href="#">Huế ẩm thực mặn mà</a></li>
								<li><a href="#">Những ca khúc hay về Huế</a></li>
								<li><a href="#">Con người Đà Nẵng</a></li>
								<li><a href="#">Nét đẹp phụ nữ Huế</a></li>
								<li><a href="#">Tình em chiếc nón bài thơ</a></li>
								<li><a href="#">Tâm sự người nhạc sĩ già</a></li>
								<li><a href="#">Cựa binh Mỹ nói về đất thép Vĩnh Linh</a></li>
								
							</ul>
							<div class="view_many">
								<a href="#"><span class="label label-primary">Xem thêm</span></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="center_content_bottom">
		<div class="container">
			<div class="row">
				<div class="col-md-8">
					<div class="panel panel-warning">
						<div class="panel-heading">Clip - Hình ảnh về Miền Trung</div>
						<div class="panel-body">
							<div class="row">
								<div class="col-md-6 clearfix">
									<iframe width="100%" height="250" src="http://www.youtube.com/embed/Nu8m15Oo984" frameborder="0" allowfullscreen></iframe>
									<p class="bg-warning tx-clip">Clip du lịch phố cổ Hội An</p>
									<div class="view_many">
										<span>Hơn 3000 clip, hình ảnh</span>&nbsp<a href="#"><span class="label label-primary">Xem thêm</span></a>
									</div>
								</div>
								<div class="col-md-6">
									<div class="media">
										<a class="pull-left" href="#">
											<img class="img-responsive news-img img-thumbnail" src="images/hue-icon.jpg" alt="...">
										</a>
										<div class="media-body col-middle">
											<div class="clip-t">		
												<a href="#">Huế lung linh về đêm</a>
											</div>
										</div>
									</div>
									<div class="media">
										<a class="pull-left" href="#">
											<img class="img-responsive news-img img-thumbnail" src="images/quang-nam-icon.jpg" alt="...">
										</a>
										<div class="media-body col-middle">
											<div class="clip-t">										
												<a href="#">Hội An đêm trung thu</a>
											</div>
										</div>
									</div>
									<div class="media">
										<a class="pull-left" href="#">
											<img class="img-responsive news-img img-thumbnail" src="images/hue-icon.jpg" alt="...">
										</a>
										<div class="media-body col-middle">
											<div class="clip-t">										
												<a href="#">Thả hoa đăng trên sông Hương</a>
											</div>
										</div>
									</div>
									<div class="media">
										<a class="pull-left" href="#">
											<img class="img-responsive news-img img-thumbnail" src="images/da-nang-icon.jpg" alt="...">
										</a>
										<div class="media-body col-middle">
											<div class="clip-t">
												<a href="#">Đà Nẵng thành phố những cây cầu</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="panel panel-info">						
						<a href="#"><img src="images/maps-quangcao.png" class="img-responsive"></a>
						<a href="#"><img src="images/da-nang-hotel.jpg" class="img-responsive"></a>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="center_content_bottom">
		<div class="container">
			<div class="row">
				<div class="col-md-8">
					<div class="panel panel-warning">
						<div class="panel-heading">Tour du lịch</div>
						<div class="panel-body">
							<div class="row">
								<div class="col-md-4 col-xs-6 bt">
									<img src="images/mien-trung-icon.jpg"  alt="Tour Con đường di sản miền trung" class="img-rounded img-responsive">
									<h5 class="tour_title">Tour con đường di sản</h5>
									<div class="price">
									Giá từ <span class="tour_price">5.000.000 đ</span></div>
									<div class="btn-sub">
										<a href="#"><span class="label label-primary">Đặt ngay</span></a>
									</div>
								</div>
								<div class="col-md-4 col-xs-6 bt">
									<img src="images/du-lich-quang-binh-1.jpg"  alt="Tour Con đường di sản miền trung" class="img-rounded img-responsive">
									<h5 class="tour_title">Tour Quảng Bình</h5>
									<div class="price">
									Giá từ <span class="tour_price">3.000.000 đ</span></div>
									<div class="btn-sub">
										<a href="#"><span class="label label-primary">Đặt ngay</span></a>
									</div>
								</div>
								<div class="col-md-4 col-xs-6 bt">
									<img src="images/du-lich-quang-tri.jpg"  alt="Tour Con đường di sản miền trung" class="img-rounded img-responsive">
									<h5 class="tour_title">Tour hoài niệm Quảng Trị</h5>
									<div class="price">Giá từ <span class="tour_price">2.500.000 đ</span></div>
									<div class="btn-sub">
										<a href="#"><span class="label label-primary">Đặt ngay</span></a>
									</div>
								</div>
								<div class="col-md-4 col-xs-6 bt">
									<img src="images/du-lich-hue-1.jpg"  alt="" class="img-rounded img-responsive">
									<h5 class="tour_title">Tour Huế</h5>
									<div class="price">Giá từ <span class="tour_price">3.500.000 đ</span></div>
									<div class="btn-sub">
										<a href="#"><span class="label label-primary">Đặt ngay</span></a>
									</div>
								</div>
								<div class="col-md-4 col-xs-6 bt">
									<img src="images/du-lich-da-nang-1.jpg"  alt="Tour Con đường di sản miền trung" class="img-rounded img-responsive">
									<h5 class="tour_title">Tour Đà Nẵng</h5>
									<div class="price">Giá từ <span class="tour_price">4.000.000 đ</span></div>
									<div class="btn-sub">
										<a href="#"><span class="label label-primary">Đặt ngay</span></a>
									</div>
								</div>
								<div class="col-md-4 col-xs-6 bt">
									<img src="images/du-lich-hoi-an.jpg"  alt="Tour Con đường di sản miền trung" class="img-rounded img-responsive">
									<h5 class="tour_title">Tour Hội An</h5>
									<div class="price">Giá từ <span class="tour_price">3.500.000 đ</span></div>
									<div class="btn-sub">
										<a href="#"><span class="label label-primary">Đặt ngay</span></a>
									</div>
								</div>
								
							</div>
							
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="panel panel-info">						
						<a href="#"><img src="images/banner-tour1.jpg" class="img-responsive"></a>
						<a href="#"><img src="images/banner-tour2.jpg" class="img-responsive"></a>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="center_content_footer">
		<div class="container">
			<div class="row">
				<div class="col-md-2 col-xs-6 tv-bot">
					<h5>Du lịch Quảng Bình</h5>
					<a href="#"><img class="img-thumbnail" src="images/du-lich-quang-binh-1.jpg" alt="Du lịch Quảng Bình" title="Du lịch Quảng Bình"/></a>
				</div>
				<div class="col-md-2 col-xs-6 tv-bot">
					<h5>Du lịch Quảng Trị</h5>
					<a href="#"><img class="img-thumbnail" src="images/du-lich-quang-tri.jpg" alt="Du lịch Quảng Trị" title="Du lịch Quảng Trị"/></a>
				</div>
				<div class="col-md-4 col-xs-12 tv-bot">
					<h5>Du lịch Huế</h5>
					<a href="#"><img class="img-thumbnail" src="images/hue-vn.jpg" alt="Du lịch Huế" title="Du lịch Huế"/></a>
				</div>
				<div class="col-md-2 col-xs-6 tv-bot">
					<h5>Du lịch Đà Nẵng</h5>
					<a href="#"><img class="img-thumbnail" src="images/du-lich-da-nang-1.jpg" alt="Du lịch Đà Nẵng" title="Du lịch Đà Nẵng"/></a>
				</div>
				<div class="col-md-2 col-xs-6 tv-bot">
					<h5>Du lịch Quảng Nam</h5>
					<a href="#"><img class="img-thumbnail" src="images/du-lich-hoi-an.jpg" alt="Du lịch Quảng Nam" title="Du lịch Quảng Nam"/></a>
				</div>
			</div>
		</div>
	</section>
	<nav class="nav">		
		<div class="container">	
			
			<div class="row">
				
					<ul class="nav nav-pills" id="menu" role="tablist">
						<li><a href="index.html">Trang chủ</a></li>
						<li><a href="#">Khám phá Miền Trung</a></li>
						<li><a href="#">Địa danh</a></li>
						<li><a href="#">Ẩm thực</a></li>
						<li><a href="#">Lễ hội</a></li>
						<li><a href="#">Hình ảnh | Clip</a></li>
						<li><a href="#">Khách sạn</a></li>
						<li><a href="#">Tour du lịch miền trung</a></li>
						<li><a href="#">Hệ thống tra cứu du lịch</a></li>
					</ul>
				
				
			</div>
		</div>		
		
	</nav>
	<section class="center_content_footer">
		<div class="container">
			<div class="row">
				<div class="col-md-3">
					
					<a href="index.html"><img height="100px" width="200px" style="margin-top:20px" src="images/logo.jpg" title="Du lịch Miền Trung | Khám phá Miền Trung" alt="ve_mien_trung_logo"/></a>	
					<br/>
					Bản quyền thuộc về <a href="#">WMO Việt Nam</a>
				</div>
				
				<div class="col-md-2">
					<h5 class="bottom">Du lịch Miền Trung</h5>
					
					<ul>
						
						<li><a href="#">Du lịch Quảng Bình</a></li>
						<li><a href="#">Du lịch Quảng Trị</a></li>
						<li><a href="#">Du lịch Huế</a></li>
						<li><a href="#">Du lịch Đà Nẵng</a></li>
						<li><a href="#">Du lịch Quảng Nam</a></li>
					</ul>
				</div>
				<div class="col-md-3">
					<h5 class="bottom">Khám phá Miền Trung</h5>
					<ul>
						
						<li><a href="#">Ẩm thực Miền Trung</a></li>
						<li><a href="#">Lễ hội Miền Trung</a></li>
						<li><a href="#">Điểm du lịch Miền Trung</a></li>
						<li><a href="#">Tour du lịch Miền Trung</a></li>
						<li><a href="#">Khách sạn Miền Trung</a></li>
					</ul>
				</div>
				<div class="col-md-4">
					<h5 class="bottom">Đối tác</h5>
					<div class="row">
							<img class="partner" src="images/da-nang-partner.jpg">
							<img class="partner" src="images/mien-trung-partner.png">
							<img class="partner" src="images/viet-nam-icon.jpg">
					</div>
				</div>
			</div>
		</div>
	</section>
	
<script type="text/javascript"><!--//
$(document).ready(function() {
    var numsofitem = $('#content .panel-info .media').length;
    var numsofitem1 = $('#le-hoi .panel-le-hoi .media').length;
    var numsofitem2 = $('#bai-viet .panel-bai-viet .media').length;
	var scroll_container = $('#content .panel-info').outerHeight();
	var scroll_height = numsofitem*92 - scroll_container;
	var scroll_container1 = $('#le-hoi .panel-le-hoi').outerHeight();
	var scroll_height1 = numsofitem1*95 - scroll_container1;
	var scroll_container2 = $('#bai-viet .panel-bai-viet').outerHeight();
	var scroll_height2 = numsofitem2*22 - scroll_container2;

    if ($(window).outerWidth() < 481) {
        $('#content .panel-info').css( 'height', numsofitem*92 + 'px' );
        $('#content .panel-info ul').css( 'top', 0 + 'px' );
		$('#content .panel-info .lines-btn-down, #content .panel-info .lines-btn-up').addClass('hide');

		$('#le-hoi .panel-le-hoi').css( 'height', numsofitem1*95 + 'px' );
        $('#le-hoi .panel-le-hoi ul').css( 'top', 0 + 'px' );
		$('#le-hoi .panel-le-hoi .lines-btn-down, #le-hoi .panel-le-hoi .lines-btn-up').addClass('hide');

		$('#bai-viet .panel-bai-viet').css( 'height', numsofitem2*22 + 'px' );
        $('#bai-viet .panel-bai-viet ul').css( 'top', 0 + 'px' );
		$('#bai-viet .panel-bai-viet .lines-btn-down, #bai-viet .panel-bai-viet .lines-btn-up').addClass('hide');

    }else if ($(window).outerWidth() < 768) {
        $('#content .panel-info').css( 'height', numsofitem*92 + 'px' );
        $('#content .panel-info ul').css( 'top', 0 + 'px' );
		$('#content .panel-info .lines-btn-down, #content .panel-info .lines-btn-up').addClass('hide');

		$('#le-hoi .panel-le-hoi').css( 'height', numsofitem1*95 + 'px' );
        $('#le-hoi .panel-le-hoi ul').css( 'top', 0 + 'px' );
		$('#le-hoi .panel-le-hoi .lines-btn-down, #le-hoi .panel-le-hoi .lines-btn-up').addClass('hide');

		$('#bai-viet .panel-bai-viet').css( 'height', numsofitem2*22 + 'px' );
        $('#bai-viet .panel-bai-viet ul').css( 'top', 0 + 'px' );
		$('#bai-viet .panel-bai-viet .lines-btn-down, #bai-viet .panel-bai-viet .lines-btn-up').addClass('hide');
    }else if ($(window).outerWidth() < 992) {
        $('#content .panel-info').css( 'height', '378px' );
		scroll_container = 378;
		scroll_height = numsofitem*92 - scroll_container;

		$('#le-hoi .panel-le-hoi').css( 'height', '326px' );
		scroll_container1 = 326;
		scroll_height1 = numsofitem1*95 - scroll_container1;

		$('#bai-viet .panel-bai-viet').css( 'height', '326px' );
		scroll_container2 = 326;
		scroll_height2 = numsofitem2*22 - scroll_container2;

		if ($('#content .panel-info ul').position().top >= 0) {
			$('#content .panel-info .lines-btn-up').addClass('hide');
		}else {
			$('#content .panel-info .lines-btn-up').removeClass('hide');
		}

		if ($('#content .panel-info ul').position().top <= -scroll_height) {
			$('#content .panel-info .lines-btn-down').addClass('hide');
		}else {
			$('#content .panel-info .lines-btn-down').removeClass('hide');
		}


		if ($('#le-hoi .panel-le-hoi ul').position().top >= 0) {
			$('#le-hoi .panel-le-hoi .lines-btn-up').addClass('hide');
		}else {
			$('#le-hoi .panel-le-hoi .lines-btn-up').removeClass('hide');
		}

		if ($('#le-hoi .panel-le-hoi ul').position().top <= -scroll_height1) {
			$('#le-hoi .panel-le-hoi .lines-btn-down').addClass('hide');
		}else {
			$('#le-hoi .panel-le-hoi .lines-btn-down').removeClass('hide');
		}


		if ($('#bai-viet .panel-bai-viet ul').position().top >= 0) {
			$('#bai-viet .panel-bai-viet .lines-btn-up').addClass('hide');
		}else {
			$('#bai-viet .panel-bai-viet .lines-btn-up').removeClass('hide');
		}

		if ($('#bai-viet .panel-bai-viet ul').position().top <= -scroll_height2) {
			$('#bai-viet .panel-bai-viet .lines-btn-down').addClass('hide');
		}else {
			$('#bai-viet .panel-bai-viet .lines-btn-down').removeClass('hide');
		}

    }else if ($(window).outerWidth() < 1200) {
        $('#content .panel-info').css( 'height', '378px' );
		scroll_container = 378;
		scroll_height = numsofitem*92 - scroll_container;

		if ($('#content .panel-info ul').position().top == 0) {
			$('#content .panel-info .lines-btn-up').addClass('hide');
		}else {
			$('#content .panel-info .lines-btn-up').removeClass('hide');
		}

		if ($('#content .panel-info ul').position().top == -scroll_height) {
			$('#content .panel-info .lines-btn-down').addClass('hide');
		}else {
			$('#content .panel-info .lines-btn-down').removeClass('hide');
		}


		$('#le-hoi .panel-le-hoi').css( 'height', '326px' );
		scroll_container1 = 326;
		scroll_height1 = numsofitem1*95 - scroll_container1;

		if ($('#le-hoi .panel-le-hoi ul').position().top == 0) {
			$('#le-hoi .panel-le-hoi .lines-btn-up').addClass('hide');
		}else {
			$('#le-hoi .panel-le-hoi .lines-btn-up').removeClass('hide');
		}

		if ($('#le-hoi .panel-le-hoi ul').position().top == -scroll_height1) {
			$('#le-hoi .panel-le-hoi .lines-btn-down').addClass('hide');
		}else {
			$('#le-hoi .panel-le-hoi .lines-btn-down').removeClass('hide');
		}

		$('#bai-viet .panel-bai-viet').css( 'height', '326px' );
		scroll_container2 = 326;
		scroll_height2 = numsofitem2*22 - scroll_container2;

		if ($('#bai-viet .panel-bai-viet ul').position().top == 0) {
			$('#bai-viet .panel-bai-viet .lines-btn-up').addClass('hide');
		}else {
			$('#bai-viet .panel-bai-viet .lines-btn-up').removeClass('hide');
		}

		if ($('#bai-viet .panel-bai-viet ul').position().top == -scroll_height2) {
			$('#bai-viet .panel-bai-viet .lines-btn-down').addClass('hide');
		}else {
			$('#bai-viet .panel-bai-viet .lines-btn-down').removeClass('hide');
		}

    }else {
        $('#content .panel-info').css( 'height', '460px' );
		scroll_container = 460;
		scroll_height = numsofitem*92 - scroll_container;

		if ($('#content .panel-info ul').position().top == 0) {
			$('#content .panel-info .lines-btn-up').addClass('hide');
		}else {
			$('#content .panel-info .lines-btn-up').removeClass('hide');
		}

		if ($('#content .panel-info ul').position().top == -scroll_height) {
			$('#content .panel-info .lines-btn-down').addClass('hide');
		}else {
			$('#content .panel-info .lines-btn-down').removeClass('hide');
		}


		$('#le-hoi .panel-le-hoi').css( 'height', '380px' );
		scroll_container1 = 380;
		scroll_height1 = numsofitem1*95 - scroll_container1;

		if ($('#le-hoi .panel-le-hoi ul').position().top == 0) {
			$('#le-hoi .panel-le-hoi .lines-btn-up').addClass('hide');
		}else {
			$('#le-hoi .panel-le-hoi .lines-btn-up').removeClass('hide');
		}

		if ($('#le-hoi .panel-le-hoi ul').position().top == -scroll_height1) {
			$('#le-hoi .panel-le-hoi .lines-btn-down').addClass('hide');
		}else {
			$('#le-hoi .panel-le-hoi .lines-btn-down').removeClass('hide');
		}


		$('#bai-viet .panel-bai-viet').css( 'height', '380px' );
		scroll_container2 = 380;
		scroll_height2 = numsofitem2*22 - scroll_container2;

		if ($('#bai-viet .panel-bai-viet ul').position().top == 0) {
			$('#bai-viet .panel-bai-viet .lines-btn-up').addClass('hide');
		}else {
			$('#bai-viet .panel-bai-viet .lines-btn-up').removeClass('hide');
		}

		if ($('#bai-viet .panel-bai-viet ul').position().top == -scroll_height1) {
			$('#bai-viet .panel-bai-viet .lines-btn-down').addClass('hide');
		}else {
			$('#bai-viet .panel-bai-viet .lines-btn-down').removeClass('hide');
		}
    }

	$(window).resize( function () {
        if ($(window).outerWidth() < 481) {
            $('#content .panel-info').css( 'height', numsofitem*92 + 'px' );
        	$('#content .panel-info ul').css( 'top', 0 + 'px' );
			$('#content .panel-info .lines-btn-down, #content .panel-info .lines-btn-up').addClass('hide');


			$('#le-hoi .panel-le-hoi').css( 'height', numsofitem1*95 + 'px' );
        	$('#le-hoi .panel-le-hoi ul').css( 'top', 0 + 'px' );
			$('#le-hoi .panel-le-hoi .lines-btn-down, #le-hoi .panel-le-hoi .lines-btn-up').addClass('hide');

			$('#bai-viet .panel-bai-viet').css( 'height', numsofitem2*22 + 'px' );
        	$('#bai-viet .panel-bai-viet ul').css( 'top', 0 + 'px' );
			$('#bai-viet .panel-bai-viet .lines-btn-down, #bai-viet .panel-bai-viet .lines-btn-up').addClass('hide');

        }else if ($(window).outerWidth() < 768) {
            $('#content .panel-info').css( 'height', numsofitem*92 + 'px' );
        	$('#content .panel-info ul').css( 'top', 0 + 'px' );
			$('#content .panel-info .lines-btn-down, #content .panel-info .lines-btn-up').addClass('hide');


			$('#le-hoi .panel-le-hoi').css( 'height', numsofitem1*95 + 'px' );
        	$('#le-hoi .panel-le-hoi ul').css( 'top', 0 + 'px' );
			$('#le-hoi .panel-le-hoi .lines-btn-down, #le-hoi .panel-le-hoi .lines-btn-up').addClass('hide');

			$('#bai-viet .panel-bai-viet').css( 'height', numsofitem2*22 + 'px' );
        	$('#bai-viet .panel-bai-viet ul').css( 'top', 0 + 'px' );
			$('#bai-viet .panel-bai-viet .lines-btn-down, #bai-viet .panel-bai-viet .lines-btn-up').addClass('hide');

        }else if ($(window).outerWidth() < 992) {
            $('#content .panel-info').css( 'height', '378px' );
			$('#content .panel-info .lines-btn-down, #content .panel-info .lines-btn-up').removeClass('hide');
			scroll_container = 378;


			$('#le-hoi .panel-le-hoi').css( 'height', '326px' );
			$('#le-hoi .panel-le-hoi .lines-btn-down, #le-hoi .panel-le-hoi .lines-btn-up').removeClass('hide');
			scroll_container1 = 378;

			$('#bai-viet .panel-bai-viet').css( 'height', '326px' );
			$('#bai-viet .panel-bai-viet .lines-btn-down, #bai-viet .panel-bai-viet .lines-btn-up').removeClass('hide');
			scroll_container2 = 378;

        }else if ($(window).outerWidth() < 1200) {
            $('#content .panel-info').css( 'height', '378px' );
			$('#content .panel-info .lines-btn-down, #content .panel-info .lines-btn-up').removeClass('hide');
			scroll_container = 378;


			$('#le-hoi .panel-le-hoi').css( 'height', '378px' );
			$('#le-hoi .panel-le-hoi .lines-btn-down, #le-hoi .panel-le-hoi .lines-btn-up').removeClass('hide');
			scroll_container1 = 378;

			$('#bai-viet .panel-bai-viet').css( 'height', '378px' );
			$('#bai-viet .panel-bai-viet .lines-btn-down, #bai-viet .panel-bai-viet .lines-btn-up').removeClass('hide');
			scroll_container2 = 378;

        }else {
            $('#content .panel-info').css( 'height', '460px' );
			$('#content .panel-info .lines-btn-down, #content .panel-info .lines-btn-up').removeClass('hide');
			scroll_container = 460;


			$('#le-hoi .panel-le-hoi').css( 'height', '390px' );
			$('#le-hoi .panel-le-hoi .lines-btn-down, #le-hoi .panel-le-hoi .lines-btn-up').removeClass('hide');
			scroll_container1 = 390;

			$('#bai-viet .panel-bai-viet').css( 'height', '390px' );
			$('#bai-viet .panel-bai-viet .lines-btn-down, #bai-viet .panel-bai-viet .lines-btn-up').removeClass('hide');
			scroll_container2 = 390;

		}
		scroll_height = numsofitem*92 - scroll_container;
		scroll_height1 = numsofitem1*95 - scroll_container1;
		scroll_height2 = numsofitem2*22 - scroll_container2;
	});

	$('#content .panel-info .lines-btn-up').hover(function () {
		var curent_p = 0 - $('#content .panel-info ul').position().top;
		var time = curent_p/92;
		$('#content .panel-info ul').animate({top: 0}, 300*time, 'swing', function () {
			$('#content .panel-info .lines-btn-up').addClass('hide');
		});
		$('#content .panel-info .lines-btn-down').removeClass('hide');
		if ($('#content .panel-info ul').position().top == 0) {
			$('#content .panel-info .lines-btn-up').addClass('hide');
		}else {
			$('#content .panel-info .lines-btn-up').removeClass('hide');
		}
	}, function () {
		$('#content .panel-info ul').stop(true, false);
	});


	$('#le-hoi .panel-le-hoi .lines-btn-up').hover(function () {
		var curent_p1 = 0 - $('#le-hoi .panel-le-hoi ul').position().top;
		var time1 = curent_p1/95;
		$('#le-hoi .panel-le-hoi ul').animate({top: 0}, 300*time1, 'swing', function () {
			$('#le-hoi .panel-le-hoi .lines-btn-up').addClass('hide');
		});
		$('#le-hoi .panel-le-hoi .lines-btn-down').removeClass('hide');
		if ($('#le-hoi .panel-le-hoi ul').position().top == 0) {
			$('#le-hoi .panel-le-hoi .lines-btn-up').addClass('hide');
		}else {
			$('#le-hoi .panel-le-hoi .lines-btn-up').removeClass('hide');
		}
	}, function () {
		$('#le-hoi .panel-le-hoi ul').stop(true, false);
	});

	$('#bai-viet .panel-bai-viet .lines-btn-up').hover(function () {
		var curent_p2 = 0 - $('#bai-viet .panel-bai-viet ul').position().top;
		var time2 = curent_p2/22;
		$('#bai-viet .panel-bai-viet ul').animate({top: 0}, 300*time2, 'swing', function () {
			$('#bai-viet .panel-bai-viet .lines-btn-up').addClass('hide');
		});
		$('#bai-viet .panel-bai-viet .lines-btn-down').removeClass('hide');
		if ($('#bai-viet .panel-bai-viet ul').position().top == 0) {
			$('#bai-viet .panel-bai-viet .lines-btn-up').addClass('hide');
		}else {
			$('#bai-viet .panel-bai-viet .lines-btn-up').removeClass('hide');
		}
	}, function () {
		$('#bai-viet .panel-bai-viet ul').stop(true, false);
	});


	$('#content .panel-info .lines-btn-down').hover(function () {
		var curent_p = scroll_height + $('#content .panel-info ul').position().top;
		var time = curent_p/92;
		$('#content .panel-info ul').animate({top: -scroll_height}, 300*time, 'swing', function () {
			$('#content .panel-info .lines-btn-down').addClass('hide');
		});
		$('#content .panel-info .lines-btn-up').removeClass('hide');
		if ($('#content .panel-info ul').position().top == -scroll_height) {
			$('#content .panel-info .lines-btn-down').addClass('hide');
		}else {
			$('#content .panel-info .lines-btn-down').removeClass('hide');
		}
	}, function () {
		$('#content .panel-info ul').stop(true, false)
	});


	$('#le-hoi .panel-le-hoi .lines-btn-down').hover(function () {
		var curent_p1 = scroll_height1 + $('#le-hoi .panel-le-hoi ul').position().top;
		var time1 = curent_p1/95;
		$('#le-hoi .panel-le-hoi ul').animate({top: -scroll_height1}, 300*time1, 'swing', function () {
			$('#le-hoi .panel-le-hoi .lines-btn-down').addClass('hide');
		});
		$('#le-hoi .panel-le-hoi .lines-btn-up').removeClass('hide');
		if ($('#le-hoi .panel-le-hoi ul').position().top == -scroll_height1) {
			$('#le-hoi .panel-le-hoi .lines-btn-down').addClass('hide');
		}else {
			$('#le-hoi .panel-le-hoi .lines-btn-down').removeClass('hide');
		}
	}, function () {
		$('#le-hoi .panel-le-hoi ul').stop(true, false)
	});


	$('#bai-viet .panel-bai-viet .lines-btn-down').hover(function () {
		var curent_p2 = scroll_height2 + $('#bai-viet .panel-bai-viet ul').position().top;
		var time2 = curent_p2/22;
		$('#bai-viet .panel-bai-viet ul').animate({top: -scroll_height2}, 300*time2, 'swing', function () {
			$('#bai-viet .panel-bai-viet .lines-btn-down').addClass('hide');
		});
		$('#bai-viet .panel-bai-viet .lines-btn-up').removeClass('hide');
		if ($('#bai-viet .panel-bai-viet ul').position().top == -scroll_height2) {
			$('#bai-viet .panel-bai-viet .lines-btn-down').addClass('hide');
		}else {
			$('#bai-viet .panel-bai-viet .lines-btn-down').removeClass('hide');
		}
	}, function () {
		$('#bai-viet .panel-bai-viet ul').stop(true, false)
	});


});
//--></script>
</body>

</html>